<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>视频分类</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<link rel="stylesheet" href="../../css/frozen.css">
	<link rel="stylesheet" href="../../css/main.css">
  <style>
    .v-h-con .ui-slider{padding-top:0;}.ui-slider-content{position:relative;}.v-h-con .vh-con-i{height:auto;}
  </style>
</head>
<body>
<section class="v-h-con">
	<div class="ui-slider">
		<ul class="ui-slider-content" style="width: 300%">
			<li>
				<a class="vh-con-i" href="javasrcript:;">
					<img src="../../img/imgbg2.jpg" alt="img">
					<span class="vh-ci-tit text-center">瑜伽运动系列，健康之路</span>
				</a>
			</li>
			<li>
				<a class="vh-con-i" href="javasrcript:;">
          <img src="../../img/imgbg1.jpg" alt="img">
          <span class="vh-ci-tit text-center">1231，健康之路</span>
				</a>
			</li>
			<li>
				<a class="vh-con-i" href="javasrcript:;">
          <img src="../../img/imgbg2.jpg" alt="img">
          <span class="vh-ci-tit text-center">sdf，健康之路</span>
				</a>
			</li>
		</ul>
	</div>

	<!--<a class="loadimg vh-con-i" href="javasrcript:;" data-src="../../img/imgbg2.jpg">-->
		<!--<span class="vh-ci-tit text-center">瑜伽运动系列，健康之路</span>-->
	<!--</a>-->

	<ul class="ui-grid-trisect ui-border-b v-h-m3">
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
		<li class="href" data-href="video_list.html">
			<div class="ui-grid-trisect-img">
				<span style="background-image:url(../../img/imgbg1.jpg)"></span>
			</div>
			<h4 class="m3-tit ui-nowrap">办公每天十分钟运动</h4>
		</li>
	</ul>
</section>

<script src="../../lib/zepto.min.js"></script>
<script src="../../js/frozen.js"></script>
<script src="../../js/main.js"></script>
<script>
	(function(){
		/* 轮播图 */
		var slider = new fz.Scroll('.ui-slider', {
			role: 'slider',
			indicator: true,
			autoplay: true,
			interval: 4000
		});
	})();
</script>
</body>
</html>